<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <title>Tela Login</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

        <style type="text/css">
            * { margin: 0; padding: 0; font-family:Tahoma; font-size:9pt;}
            #divCenter { //esse #divCenter serve para indentidicar a div a receber as condições do CSS
                width: 400px; 
                height: 150px; 
                left: 35%; 
               // margin: -130px 0 0 -210px; 
                padding:10px;
                position: absolute; 
                top: 30%; }
            </style>

        </h:head>

        <h:body>
            <div id="divCenter">
            <h:form class="form-horizontal">
                <p:panel header="Tela de Login" style="width:300px " >

                    <div>
                        <label class="control-label" for="inputEmail">Usuario do Sistema:</label><br></br>
                        <input id="inputEmail" type="text" placeholder="Digite seu nick de usuario..." size="27px"/>
                    </div>

                    <div>
                        <label class="control-label" for="inputPassword">Senha:</label><br></br>
                        <input id="inputPassword" type="password" placeholder="Digite a sua senha..." size="27px" />
                    </div>

                    <div>
                        <br></br>
                        <button class="btn" type="submit">Confirmar</button>
                        <p:commandButton class="btn2" type="submit" style="margin-left: 10px" action="newxhtml.xhtml">Cancelar</p:commandButton>>
                    </div>

                </p:panel>
            </h:form>
        </div>
    </h:body>
</html>
